@charset "utf-8";
/* CSS Document */

body{ margin:0px; font-size:14px; color:#333;}
ul{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color:#029cff;}
.nr1,
.nr2,
.nr3,
.nr4,
.nr5,
.nr6,
.nr7,
.nr8,
.nr9,
.nr10,
.w1,
.w2,
.w3,
.w4,
.w5,
.ft {
	display: none;
}

.zk {
	display: block;
}

.wk{ width:100%; max-width:1200px; margin:auto;}
.wk1300{ width:100%; max-width:1300px; margin:auto;}
.clear{ clear:both;}
.topaa .top{ height:90px;}
.topaa .top img{ margin-top:5px;}
.topaa .top ul{ margin-top:25px;}
.topb ul img{  display:none;}

.banerd{ width:100%; background:#f8f8f8; padding:20px 0;}
.banerd table{ float:right; background:#FFF; height:34px; position:relative; margin-top:-40px;}
.sscp{ padding:0px 5px; border:1px solid #dddddd; border-right:1px solid #FFF;}
.ssk{ border:1px solid #dddddd; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.banerd table input{ border:1px solid #FFF;}

.advantage{ padding:30px 0; height:300px;}
.advantage h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.advantage h1 span{ display:block; font-weight:200; font-size:25px;}
.advantage dl{ width:25%; float:left; margin:0px; padding:0px;}
.advantage dl dt{ text-align:center; margin:0px; padding:0px;}
.advantage dl dd{ text-align:center; font-size:14px; margin:0px; padding:0px;}
.zjx{ background:url(../image/zjx.jpg) right repeat-y; }

.cp{ width:100%; background:url(../image/cpbg.jpg) bottom no-repeat #f4f4f4; background-size:100% auto; padding-bottom:100px;}
.cpbt{ width:100%;}
.cpbt img{ display:block; width:100%;}
.cp h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.cp h1 span{ display:block; font-weight:200; font-size:25px;}
.cp dl{ width:30%; margin:15px 1.65%; height:400px; overflow:hidden; float:left; background:#ffffff;box-shadow:0px 0px 20px #CCC; text-align:center; line-height:40px;}

.cp dl:first-child{ width:46.7%; height:600px; overflow:hidden; margin:15px 1.65%; float:left;}
.cp dl:first-child dt img{ height:560px;}
.cp dl:nth-child(2) dt img{ height:560px;}
.cp dl:nth-child(2){ width:46.7%; height:600px; overflow:hidden; margin:15px 1.65%; float:left;}
.cp dl dt{ width:100%; margin:0px; padding:0px;}
.cp dl a{ color:#333;}
.cp dl dt img{ width:100%; height:360px; display:block;}
.cp dl dd{ margin:0px; padding:0px; position:relative; background:url(../image/cpdv.png); width:100%; height:100%;z-index:1; margin-top:-400px;opacity:0;transition: 1s;}
.cp dl:first-child dd{ margin-top:-600px;}
.cp dl:nth-child(2) dd{ margin-top:-600px;}
.cp dl:hover dd{opacity:1;}
.cp dl:hover dd img{opacity:1; margin-top:150px;}
.cp dl dd img{ margin-top:0px;transition: 1s;}


.dlink{ width:800px; height:80px; margin:40px auto;}
.dlink li{ float:left; text-align:center; width:33.3%;}
.dlink li img{ display:block; margin:auto;}

.ppzs{ width:100%; height:400px; background:url(../image/rybg.jpg) center fixed; padding:40px 0;}
.ppzs h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.ppzs h1 span{ display:block; font-weight:200; font-size:25px;}
.ppzs li{ width:50%; float:left; text-align:center;}


.tel{ position:relative; top:0px; color:#FFF; font-size:12px; z-index:1; background:url(../image/telbg.jpg); width:256px; height:25px; float:right; text-align:center;}
.wkleft{ width:280px; background:#f5f5f5; float:left; margin-bottom:15px; margin-top:20px;}
.cplb{}
.cplb h1{ background:#029cff; color:#ffffff; font-size:18px; text-align:center; line-height:40px; font-weight:200; margin:0px;}
.cplb li{ background:url(../image/lmbg.jpg); line-height:47px; text-align:left; width:260px; margin:0px 10px;}
.cplb li a{ padding-left:20px; display:block; text-decoration:none; color:#333;}


.aboutl{ width:90%; padding-bottom:20px; margin:15px 5%; color:#666; line-height:25px;}
.aboutl p a{ display:block; line-height:40px;}
.aboutl h1{ font-size:16px;}

.wkright{ float:right; width:860px; margin-top:20px; margin-bottom:20px;}
.cpzs h1{ font-size:20px; font-weight:200; color:#029cff; margin:0 0 20px 0; line-height:40px; height:40px; border-bottom:1px solid #CCC;}
.cpzs h1 span{ color:#a1a1a1; font-size:14px;}
.cpzs h1 a{ float:right; color:#4f784c; font-size:16px;}
.cpzs li{ width:100%; margin:30px auto; height:300px; border-bottom:1px solid #CCC; line-height:40px; padding-bottom:30px;}
.cpzs li img{ height:300px; float:left; display:block; margin-right:20px;}
.cpzs li a{ color:#ffffff; width:120px; background:#029cff; line-height:40px; margin-top:30px; height:40px; font-size:12px; display:block; text-align:center;}
.miaoshu{ width:570px; float:right; line-height:25px;}
.by{ width:100%; text-align:center; padding:10px 0; background:#029cff;}
.cpsj{ text-align:center; padding:40px 0;}

.cont{ width:100%; background:#ffffff; padding:20px 0;}
.cont h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.cont h1 span{ display:block; font-weight:200; font-size:25px;}
.cont img{ float:left;}

.newlst img{ margin-right:80px;}
.newlst a{    width: 370px;
    margin: 5px;
    display: block;
    float: left;
    border: 1px solid #CCC;
    color: #333;
    font-size: 14px;
    padding: 10px;}

.neirong img{ max-width: 100%;}

.foot{ background:#282828; color:#ffffff; font-size:12px; text-align:center; padding:15px 0; }
.foot table{ margin:auto;}
.foot h2{ font-size:16px; width:150px;}
.foot h2 span{ color:#CCC; font-size:12px; display:block; border-bottom:1px solid #CCC;}
.foot p{ line-height:35px;}
.copy{ background:#000000; font-size:12px; line-height:40px; color:#a0a0a0; text-align:center; }
.topaa{ width:100%; background:#FFF; position:fixed; display:none; z-index:999;}
.sj{ display:none;}
.dn{ display:block;}


@media  screen and (max-width:900px) and (min-width:300px){
   .topa{ display:none;}
   .topb{ height:40px; margin:10px 0;}
   .topb img{ height:40px; margin:0px 10px;}
   .topb ul{ width:120px; height:40px; float:right; overflow:visible; margin:0px; background:#FFF; }
   .topb ul li{ position:relative; width:140px;z-index:111; margin:0px; background:#FFF; display:none;}
   .topb ul li a {
        display: block;
        line-height: 40px;
        margin: auto;
        color: #333;
        width: 90%;
        font-size: 16px;
}
   .topb ul li a:hover{ background:#029cff;  color:#ffffff;border-radius:5px; display: block;
    line-height: 40px;
    margin: auto;
    width: 90%;
    font-size: 16px;
    border-bottom:1px dashed #999999;}
	
	.topb ul li .dmu {
	position:static;
	background:#F4FAFF;
	color: #333333;
	text-align: center;
	z-index: 999;
	display: none;
	width:140px;
	margin-left:0px;
}

.topb ul li .dmu a {
	font-size: 14px;
	color: #61605c;
	text-align: center;
	line-height: 40px;
	margin-top: 0px;
	height: 40px;
    margin:0px;
    padding: 0;
}

.topb ul li .dmu a:hover {
	color:#ffffff;
	border-radius:0px;
}
.topb ul li span{ display:block; line-height:40px; margin:0px; color:#333; font-size:16px; cursor:pointer;}
.topb ul li span:hover{ background:#029cff; display:block; line-height:40px; margin:0px; color:#ffffff; font-size:16px;border-radius:0px; cursor:pointer;}
	
   .topb ul img{ width:40px; float:right; height:40px; display:block;}
   .swiper-slide img{ width:100%; height:auto;}
   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-bottom:10px;}
   .yyhy ul li{ width:48%;}
   .nr1,
.nr2,
.nr3,
.nr4,
.nr5,
.nr6,
.nr7,
.nr8,
.nr9,
.nr10,
.w1,
.w2,
.w3,
.w4,
.w5,
.ft { display:block;
}
.yyhy ul li h2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
.yyhy ul li p {
    padding: 0px 15px;
    height: 70px;
    text-align: left;
    font-size: 12px;
}
.tjcp li {
    width: 98%;
    margin: 10px 1%;
    float: left;
    background: #fbfbfb;
    overflow: hidden;
}
.sj{ display:block;}
.dn{ display:none;}
.aboutleft {
    width: 90%;
    margin: 0px 5%;
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 25px;
}
.aboutright {
    float: right;
    width: 90%;
    margin: 0px 5%;
}

.aboutright img {
    margin-top: 0px;
    width: 100%;
}

.hezuo li {
    width: calc((96% / 2) - 2px);
    margin: 10px 1%;
    background: #FFF;
    float: left;
}
.hezuo ul{width: 90%;}
.hezuo {
    min-height: 300px;
    background-size: auto 100%;
    padding-bottom: 20px;
}
.innew li {
    width: 90%;
    margin: 10px 5%;
    float: left;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #999;
}
.foott ul {
    width: 90%;
    float: left;
    margin: 0px 5%;
}
.erwei {
    float: right;
    width: 100%;
    text-align: center;
}
.cpzs li img {
    height: auto;
    width: 100%;
    float: left;
    display: block;
    margin-right: 20px;
}
.miaoshu {
    width: 100%;
    float: right;
    line-height: 25px;
}
.cpzs li {
    width: 90%;
    margin: 30px auto;
    height: auto;
    border-bottom: 1px solid #CCC;
    line-height: 40px;
    padding-bottom: 30px;
}
.cpzs h1 {
    font-size: 20px;
    font-weight: 200;
    color: #029cff;
    margin: 0px;
    height: 40px;
    line-height: 20px;
    padding: 20px 0px;
    border-bottom: 1px solid #CCC;
}
.wkleft{ display:none;}
.wkright {
    float: right;
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-bottom: 20px;
}
.cpzs img{ max-width:100%;}
.sjnone{ display:none;}

}